{extend name="layout/default" /}

{block name="title"}成熟应用（快速上线）- 成都亚克茜科技{/block}

{block name="page_css"}
<link rel="stylesheet" href="/home_assets/css/fastup.css">
{/block}

{block name="page_js"}
<script src="/home_assets/js/index.js"></script>
<script src="/home_assets/js/fastup.js"></script>
{/block}


{block name="body"}
<!-- 轮播图 -->
<div class="carousel">
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/uploads/20240323/a039256bfc3e31e880d33f28fcce5703.png" alt=""></div>
        </div>
        <div class="swiper-pagination"></div>
    </div>
</div>
<!-- 应用介绍 -->
<div class="advantage-wrap">
    <div class="wrap-container">
        <div class="bg-pin"></div>
        <div class="intro-wrap">
            <h2>我们的成熟应用</h2>
            <p class="bg-text">APPLICATION</p>
        </div>
        <div class="content-wrap">
            {foreach $products as $k=>$item}
            {if 1 == $item.show_way}
            <div class="item">
                <div class="left">
                    <div class="title-wrap">
                        <h3>{$item.name}</h3>
                        <p class="date">更新于{:date('Y/m/d', intval(strtotime($item.updatedate)))}</p>
                    </div>
                    <div class="desc">{$item.summary}</div>
                    <div class="media-wrap media-wrap-video" data-video-url="{$item.videolink}">
                        <img src="{$item.coverimage|cdnurl}" alt="">
                        <img src="/home_assets/imgs/fastup/icon-hot.png" alt="" class="hot">
                        <img src="/home_assets/imgs/share/icon-play.png" alt="" class="play">
                    </div>
                </div>
                <div class="info-wrap">
                    <div class="price-wrap">
                        <span class="yuan">￥</span>
                        <span class="num">{$item.price}</span>
                        <span class="yuan">元</span>
                    </div>
                    <div class="desc-list">
                        {foreach :explode(',', $item.feature) as $vv}
                        <div class="desc-item">
                            <span class="dot"></span>
                            <span class="text">{$vv}</span>
                        </div>
                        {/foreach}
                    </div>
                    <div class="btn-wrap">
                        <a href="" class="more">
                            <span>了解更多</span>
                            <img src="/home_assets/imgs/fastup/gray-arrow.png" alt="">
                        </a>
                        <a href="" class="link">
                            <span>联系我们</span>
                            <img src="/home_assets/imgs/fastup/green-arrow.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
            {elseif '2' == $item.show_way}
            <div class="item">
                <div class="left">
                    <div class="title-wrap">
                        <h3>{$item.name}</h3>
                        <p class="date">更新于{:date('Y/m/d', intval(strtotime($item.updatedate)))}</p>
                    </div>
                    <div class="desc">{$item.summary}</div>
                    <div class="media-wrap media-wrap-img">
                        <div class="media-img-swiper" id="media-img-swiper{$k+1}">
                            <div class="swiper-wrapper">
                                {php}
                                $groupimagsArray = explode(',', $item['groupimages']);
                                {/php}
                                {foreach $groupimagsArray as $img}
                                <a href="" class="swiper-slide"><img src="{$img|cdnurl}" alt=""></a>
                                {/foreach}
                            </div>
                        </div>
                        <img src="/home_assets/imgs/fastup/icon-hot.png" alt="" class="hot">
                        <div class="control-left img-control-left"><img src="/home_assets/imgs/fastup/control-left.png" alt=""></div>
                        <div class="control-right img-control-right"><img src="/home_assets/imgs/fastup/control-right.png" alt=""></div>
                    </div>
                </div>
                <div class="info-wrap">
                    <div class="price-wrap">
                        <span class="yuan">￥</span>
                        <span class="num">{$item.price}</span>
                        <span class="yuan">元</span>
                    </div>
                    <div class="desc-list">
                        {foreach :explode(',', $item.feature) as $vv}
                        <div class="desc-item">
                            <span class="dot"></span>
                            <span class="text">{$vv}</span>
                        </div>
                        {/foreach}
                    </div>
                    <div class="btn-wrap">
                        <a href="" class="more">
                            <span>了解更多</span>
                            <img src="/home_assets/imgs/fastup/gray-arrow.png" alt="">
                        </a>
                        <a href="" class="link">
                            <span>联系我们</span>
                            <img src="/home_assets/imgs/fastup/green-arrow.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
            {elseif '3' == $item.show_way}
            <div class="item">
                <div class="left">
                    <div class="title-wrap">
                        <h3>{$item.name}</h3>
                        <p class="date">更新于{:date('Y/m/d', intval(strtotime($item.updatedate)))}</p>
                    </div>
                    <div class="desc">{$item.summary}</div>
                    <div class="media-wrap media-wrap-mini">
                        <div class="media-mini-swiper mini-wrap" id="media-mini-swiper{$k+1}">
                            <div class="swiper-wrapper">
                                {php}
                                $groupimagsArray = explode(',', $item['groupimages']);
                                {/php}
                                {foreach $groupimagsArray as $img}
                                <a href="" class="swiper-slide mini-item"><img src="{$img|cdnurl}" alt=""></a>
                                {/foreach}
                            </div>
                        </div>
                        <img src="/home_assets/imgs/fastup/video.png" alt="">
                        <img src="/home_assets/imgs/fastup/icon-hot.png" alt="" class="hot">
                        <div class="control-left mini-control-left"><img src="/home_assets/imgs/fastup/control-left.png" alt=""></div>
                        <div class="control-right mini-control-right"><img src="/home_assets/imgs/fastup/control-right.png" alt=""></div>
                    </div>
                </div>
                <div class="info-wrap">
                    <div class="price-wrap">
                        <span class="yuan">￥</span>
                        <span class="num">{$item.price}</span>
                        <span class="yuan">元</span>
                    </div>
                    <div class="desc-list">
                        {foreach :explode(',', $item.feature) as $vv}
                        <div class="desc-item">
                            <span class="dot"></span>
                            <span class="text">{$vv}</span>
                        </div>
                        {/foreach}
                    </div>
                    <div class="btn-wrap">
                        <a href="{:url('home/page/productdetail', ['id'=>$item.id], false)}" class="more" target="_blank">
                            <span>了解更多</span>
                            <img src="/home_assets/imgs/fastup/gray-arrow.png" alt="">
                        </a>
                        <a href="{:url('home/page/contactus', '', false)}" class="link" target="_blank">
                            <span>联系我们</span>
                            <img src="/home_assets/imgs/fastup/green-arrow.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
            {/if}
            {/foreach}
        </div>
    </div>
</div>
{/block}

{block name="page_footer_js"}
<script>
    var mySwiper = new Swiper(".swiper", {
        loop: true, // 循环模式选项
        autoplay: true,

        // 如果需要分页器
        pagination: {
            el: ".swiper-pagination",
            clickable :true,
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },

        // 如果需要滚动条
        scrollbar: {
            el: ".swiper-scrollbar",
        },
    });


    // var previewImgSwiper = new Swiper(".preview-img-swiper", {
    //   loop: true, // 循环模式选项
    //   // 如果需要前进后退按钮
    //   navigation: {
    //     nextEl: ".preview-img-left",
    //     prevEl: ".preview-img-right",
    //   },
    // });

    // var previewMiniSwiper = new Swiper(".preview-mini-swiper", {
    //   loop: true, // 循环模式选项
    //   // 如果需要前进后退按钮
    //   navigation: {
    //     nextEl: ".preview-mini-left",
    //     prevEl: ".preview-mini-right",
    //   },
    // });
</script>
{/block}